<template>
	<view class="conent">
		<u-navbar :title="infor.title" titleStyle="font-weight: 800;" :autoBack="true" placeholder safeAreaInsetTop>
		</u-navbar>
		<view class="conent_box">
			<view class="detail" v-html="infor.content">
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
		watch
	} from 'vue'
	import {
		onLoad
	} from "@dcloudio/uni-app";
	import {
		introduceTitle
	} from "@/api/pages/trend.js"
	import router from '@/api/router';
	const infor = ref({})
	const title = ref("")
	onLoad((options) => {
		console.log("123--", options)
		title.value = options.title
		introduceInfor(title.value)
	})
	const introduceInfor = async (title) => {
		console.log("title====", title)
		const res = await introduceTitle(title).then()
		infor.value = res.result
	}
</script>

<style lang="scss" scoped>
	:deep(.u-navbar__content) {
		background: #fff;
	}

	:deep(.u-navbar__content__left.data-v-f631659b) {
		display: flex !important;
	}

	.conent_box {
		margin: 10rpx;
	}
</style>